<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <link rel="stylesheet" href="index.css">
</head>
<body>
    <!--1.页头-->
    <header>
        <div>
            <img src="images/logo2.jpg" alt="">
            <img id="hot-tel" src="images/tel.jpg" alt="">
        </div>
    </header>

    <!--2.导航选项-->
    <nav>
        <div id="nav-list">
            <ul>
                <li><a href="">首页</a></li>
                <li><a href="">折叠伞</a></li>
                <li><a href="">直杆伞</a></li>
                <li><a href="">高尔夫伞</a></li>
                <li><a href="">自动伞</a></li>
                <li><a href="">户外太阳伞</a></li>
                <li><a href="">促销帐篷</a></li>
                <li><a href="">关于我们</a></li>
                <li><a href="">新闻动态</a></li>
                <li><a href="">定制流程</a></li>
                <li><a href="">联系我们</a></li>
            </ul>
        </div>
    </nav>

    <!--3.横幅-->
    <div id="banner">
        <img src="images/banner1.jpg" alt="">
    </div>

    <!--4.首页的主要内容-->
    <main>
        <div id="content-wrapper">
            <!--4-1.上半部分-->
            <div id="pro-wrapper" class="clear">
                <!--4-1-1.左半边-->
                <div id="pro-list">
                    <!--上半部分-->
                    <div id="pro-list-nav">
                        <img src="images/logo2.jpg" alt="">
                        <ul>
                            <li>产品类别</li>
                            <li><a href="">折叠伞</a></li>
                            <li><a href="">直杆伞</a></li>
                            <li><a href="">高尔夫伞</a></li>
                            <li><a href="">自动伞</a></li>
                            <li><a href="">户外太阳伞</a></li>
                            <li><a href="">促销帐篷</a></li>
                        </ul>
                    </div>
                    <!--下半部分-->
                    <div id="contact">
                        <div id="lx" class="lm_bg"><span>联系我们</span></div>
                        <div id="lx_img"><img src="images/lx.jpg" alt=""></div>
                        <address>
                            <h3>郑州神灯广告伞有限公司</h3>
                            <p>
                                电话：0371-66666<br>
                                传真：0371-66666<br>
                                手机：183222222<br>
                                地址：河南郑州经开区<br>
                                网址：www.shengdeng.com
                            </p>
                        </address>
                    </div>
                </div>
                <!--4-1-2.右半边-->
                <div id="pro">

                </div>
            </div>

            <!--4-2.下半部分-->
            <div id="introduce-wrapper">

            </div>
        </div>
    </main>
</body>
</html>